{"componentChunkName":"component---src-templates-blog-post-js","path":"/Today I Learned/text가_2줄_이상일때_ellipsis_값_적용/","result":{"data":{"site":{"siteMetadata":{"title":"JULog","author":"[Ju Chan Hwang]","siteUrl":"https://julog.netlify.app","comment":{"disqusShortName":"","utterances":"JuChanHwang/gatsby-starter-bee"},"sponsor":{"buyMeACoffeeId":"jbee"}}},"markdownRemark":{"id":"e590899d-c127-53ea-9224-cc75090f94b3","excerpt":"원하는 줄에 ellipsis를 적용할 수 있음. (단 IE는 지원하지 않는다. height값 적용해야함)","html":"<div class=\"gatsby-highlight\" data-language=\"scss\"><pre class=\"language-scss\"><code class=\"language-scss\"><span class=\"token selector\">> .tile-title </span><span class=\"token punctuation\">{</span>\n    <span class=\"token property\">height</span><span class=\"token punctuation\">:</span> 44px<span class=\"token punctuation\">;</span>\n    <span class=\"token property\">display</span><span class=\"token punctuation\">:</span> -webkit-box<span class=\"token punctuation\">;</span>\n    <span class=\"token property\">-webkit-line-clamp</span><span class=\"token punctuation\">:</span> 2<span class=\"token punctuation\">;</span>\n    <span class=\"token property\">-webkit-box-orient</span><span class=\"token punctuation\">:</span> vertical<span class=\"token punctuation\">;</span>\n    <span class=\"token property\">overflow</span><span class=\"token punctuation\">:</span> hidden<span class=\"token punctuation\">;</span>\n    <span class=\"token property\">text-overflow</span><span class=\"token punctuation\">:</span> ellipsis<span class=\"token punctuation\">;</span>\n  <span class=\"token punctuation\">}</span></code></pre></div>\n<p><code class=\"language-text\">-webkit-line-clamp: 2;</code> 원하는 줄에 ellipsis를 적용할 수 있음. (단 IE는 지원하지 않는다. height값 적용해야함)</p>","frontmatter":{"title":"text가 2줄 이상일때 ellipsis 값 적용","date":"March 30, 2020"}}},"pageContext":{"slug":"/Today I Learned/text가_2줄_이상일때_ellipsis_값_적용/","previous":{"fields":{"slug":"/Today I Learned/No_value_accessor_for_form_control_with_name:_\"checkConfirm\"/"},"frontmatter":{"title":"No value accessor for form control with name: 'checkConfirm'","category":"Today I Learned","draft":false}},"next":{"fields":{"slug":"/Today I Learned/고정된_헤더와_푸터_스크롤값에_따라_감추기/"},"frontmatter":{"title":"고정된 헤더와 푸터 스크롤값에 따라 감추기","category":"Today I Learned","draft":false}}}},"staticQueryHashes":["3128451518","96099027"]}